<template>
    <div>
         <headArea />
        <bannerArea />
         <listArea />
    </div>
</template>

<script>
    import headArea from './headArea'
    import listArea from './listArea'
    import bannerArea from  './bannerArea'
    export default {
        name: "indexArea",
        components: {
            headArea,
            listArea,
            bannerArea
        }
    }
</script>

<style scoped>

</style>